// 获取密码切换按钮
const togglePassword = document.getElementById('toggle-password');
const passwordField = document.getElementById('password');

// 切换密码显示和隐藏
togglePassword.addEventListener('click', function() {
    const type = passwordField.type === 'password' ? 'text' : 'password';
    passwordField.type = type;

    // 切换眼睛图标
    const eyeIcon = this.querySelector('i');
    if (type === 'password') {
        eyeIcon.classList.remove('fa-eye-slash');
        eyeIcon.classList.add('fa-eye');
    } else {
        eyeIcon.classList.remove('fa-eye');
        eyeIcon.classList.add('fa-eye-slash');
    }
});

// 处理登录按钮点击事件
const loginButton = document.querySelector("input[type='submit']");

loginButton.addEventListener("click", function(event) {
    event.preventDefault(); // 防止默认表单提交
    
    const email = document.querySelector('input[name="邮箱"]').value;
    const password = document.querySelector('input[name="密码"]').value;
    
    // 显示加载提示
    const loadingMessage = document.getElementById("loading-message");
    if (loadingMessage) {
        loadingMessage.style.display = "block";  // 假设有一个 id 为 loading-message 的元素来显示加载状态
    }

    // 准备请求数据
    const data = {
        email: email,
        password: password
    };
    
    // 使用 fetch 发送 POST 请求
    fetch('http://localhost:5000/login', {
        method: 'POST',  // 请求方法为 POST
        headers: {
            'Content-Type': 'application/json'  // 表明请求体是 JSON 格式
        },
        body: JSON.stringify(data)  // 请求体，传递的内容是 JSON 格式的用户数据
    })
    .then(response => {
        if (!response.ok) {
            throw new Error('网络响应失败');
        }
        return response.json();  // 解析返回的 JSON 数据
    })
    .then(data => {
        // 隐藏加载提示
        if (loadingMessage) {
            loadingMessage.style.display = "none";
        }
        
        if (data.message === '登录成功') {
            // 登录成功后，跳转到下一个页面
            window.location.href = 'main.html';
        } else {
            // 登录失败，弹出错误信息
            alert('用户名或密码错误');
        }
    })
    .catch(error => {
        // 隐藏加载提示
        if (loadingMessage) {
            loadingMessage.style.display = "none";
        }
        
        console.error('Error:', error);
        alert('请求失败，请稍后重试');
    });
});
